<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>信息修改</title>
    <link rel="stylesheet" href="../plugins/bootstrap/bootstrap-4.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../common/css/nav.css">
    <link rel="stylesheet" href="../css/userPerson.css">

    <link rel="stylesheet" href="../plugins/font-awesome-4.7.0/css/font-awesome.min.css">

</head>
<body>

      <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light " id="nav">

      <div class="collapse navbar-collapse col-md-10 offset-md-1 animate__animated  animate__zoomIn"
        id="navbarSupportedContent">
        <a id="logo-img" class="navbar-brand" href="../view/index.html">
          <img alt="Brand" src="../common/imgs/logo_small.png">
        </a>
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a id="select-city" class="nav-link" href="selectcity.html"><svg id="city-icon" class="bi bi-building" width="1em"
                    height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M15.285.089A.5.5 0 0 1 15.5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5H1a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .418-.493l5.582-.93V3.5a.5.5 0 0 1 .324-.468l8-3a.5.5 0 0 1 .46.057zM7.5 3.846V8.5a.5.5 0 0 1-.418.493l-5.582.93V15h8v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.222l-7 2.624z" />
                    <path fill-rule="evenodd" d="M6.5 15.5v-7h1v7h-1z" />
                    <path
                        d="M2.5 11h1v1h-1v-1zm2 0h1v1h-1v-1zm-2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm6-10h1v1h-1V3zm2 0h1v1h-1V3zm-4 2h1v1h-1V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm-2 2h1v1h-1V7zm2 0h1v1h-1V7zm-4 0h1v1h-1V7zm0 2h1v1h-1V9zm2 0h1v1h-1V9zm2 0h1v1h-1V9zm-4 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z" />
                </svg><span id="cityname">选择城市<span></a>
        </li>
        </ul>
        <ul class="navbar-nav mr-5 ">
          <li class="nav-item">
            <a class="nav-link" href="../view/searchhouse.html">租房</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../view/issuehouse.html">发布房源</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../view/roomate.html">寻找室友</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../view/PriceTrendChart.html">房价走势</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">
              指南
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="Agreement.html">用户协议</a>
              <a class="dropdown-item" href="Potplayer.html">隐私政策</a>
              <a class="dropdown-item" href="Commitment.html">服务承诺</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="about.html">关于我们</a>
            </div>
          </li>
        </ul>
        <!-- <a href="login_register.html" id="login-button" class="btn btn-outline-success active animate__animated animate__pulse"
          role="button" aria-pressed="true">登录/注册</a> -->
        <!-- <a href="register.html" id="register-button"
          class="btn btn-outline-success active animate__animated animate__pulse" role="button" aria-pressed="true">注册</a> -->
          <div class="user-message">
            <a href="user.html" class="user-head"><img id="user-img" src="../imgs/userimg.jpg" alt="用户头像"></a>
            <a href="user.html" class="user-name">用户名/手机号</a>
          </div>
      </div>
    </nav>

  <!-- 个人信息修改 开始 -->
   <div class="container container-user" >
    <div class="row" style="margin-bottom: 30px;">
      <div class="col">
        <div class="jumbotron233">
          <div class="row" id="welcome">
            <h1 class="display-4">欢迎回来 !</h1>
          </div>

          <div id="picture" >
            <a class="nav-link nav-link-user-img" id="v-pills-profile-tab"  href="javascript:void(0)" role="tab" aria-selected="false"><img src="../imgs/userimg.jpg"  style="width:200px;height: 200px; border: 10px solid white;" alt="图片加载失败"></a>
          </div>

        <div class="message">
          
          <div class="topuser">
            <div class="username">
              更年期霉少女
            </div>
            <div class="returnlast"><a href="../view/user.html">返回我的主页<i class="fa fa-hand-o-up" aria-hidden="true"></i></a></div>
          </div>

          <div id="form-box-one" style="display: block;">
            <div class="midd-box">
              <div class="row">

                <div class="col-md-11">
                  <form class="form-inline">
                    <div class="form-group formbox">
                      手机号:
                    </div>
                    <span style="margin-left: 10px;">13323543445</span>
                  </form>
                </div>
  
                <div class="col-md-11">
                  <form class="form-inline">
                    <div class="form-group formbox">
                      原始密码:
                    </div>
                    <input type="text" class="form-control all-input" id="usr" placeholder="请输入账号密码" style="width: 300px; border: 0px;">
                  </form>
                </div>
  
                <div class="col-md-11">
                  <form class="form-inline">
                    <div class="form-group formbox">
                      修改密码:
                    </div>
                    <input type="text" class="form-control all-input" id="usr" placeholder="请输入修改密码" style="width: 300px; border: 0px;">
                  </form>
                </div>
  
                <div class="col-md-11">
                  <form class="form-inline" >
                    <div class="form-group formbox" >
                      再次确认密码:
                    </div>
                    <input type="text" class="form-control all-input" id="usr" placeholder="请确认修改密码" style="width: 300px; border: 0px;">
                  </form>
                </div>
  
                <div class="col-md-11">
                  <form class="form-inline" >
                    <div class="form-group" style="margin-left: 250px;">
                        <button type="button" class="btn btn-primary " style="background-color: #01bc6a; border: #01bc6a; margin-right: 15px;">修改信息</button>
                        <button type="button" class="btn btn-primary " style="background-color: #01bc6a; border: #01bc6a;">保存修改</button>
                    </div>
                  </form>
                </div>
  
              </div>
            </div>

          </div>
          </div>

        </div>
      </div>
    </div>
  </div>
    <!-- 个人信息修改 结束 -->
  

  <script src="../plugins/jquery/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="../plugins/bootstrap/bootstrap-4.4.1-dist/js/bootstrap.min.js"></script>

  <script>
   let btn_price = $("#btn-price");
   btn_price.click(function () {
     btn_text = btn_price.html();
     if (btn_text == "价格" || btn_text == "价格↓") {
       btn_text = "价格↑"
     } else {
       btn_text = "价格↓"
     }
     btn_price.html(btn_text);
   })

   let btn_area = $("#btn-area");
   btn_area.click(function () {
     btn_text = btn_area.html();
     if (btn_text == "面积" || btn_text == "面积↓") {
       btn_text = "面积↑"
     } else {
       btn_text = "面积↓"
     }
     btn_area.html(btn_text);
   })
 </script>

</body>
</html>